/* global.css */


/* 字体定义 */

* {
    font-family: "Microsoft Yahei", 微软雅黑;
}


/* 弹框改变 */

.el-message {
    margin-top: 100px !important;
}


/* 全局颜色 */

.LightgreyColor {
    color: #f4f5f5;
}

.blackColor {
    color: #1c1f23;
}

.blueColor {
    color: #0077fa;
}

.el-main {
    padding: 0px 20px;
}


/* 验证按钮 */

.VerifyBtn {}


/* 更改按钮样式 */

.el-button:focus,
.el-button:hover {
    background-color: #0077fa;
    color: #e7fffe;
}


/* 全局更改卡片样式 */

.el-card {
    border-radius: 16px;
    /* border: 1px solid #727477; */
    /* box-shadow: 0 0 10px rgb(44 49 61 / 32%); */
}

q .gel-card.is-always-shadow {
    /* box-shadow: 0 0 10px rgb(44 49 61 / 32%); */
}

.el-card:hover {
    /* border: 1px solid #717477; */
}

.el-upload-dragger {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.el-upload-dragger i,
.el-upload-dragger svg {
    font-size: 16px;
}

.el-upload--picture-card {
    width: 100px;
    height: 100px;
}

.el-upload-dragger:hover {
    background-color: #f9f9f9;
    transition: all 0.3s;
}

.el-upload-list--picture-card .el-upload-list__item {
    width: 100px;
    height: 100px;
}


/* 品牌色定制按钮 */

.CustomBtn {
    background-color: #0064fa;
    color: #fff;
    height: 0.8rem;
    padding: 4px 8px;
    line-height: 0.4em;
    /* margin: 4px; */
    text-align: center;
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    background-color: #6b7176;
    color: #ffffff;
}

.pagination {
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: center;
    width: 100%;
}


/* .CustomBtn:hover,
.CustomBtn:focus {
    background-color: #f4f5f5;
    color: #1c1f23;
} */


/* 改变输入框样式 */

.el-textarea__inner:hover,
.el-textarea__inner:focus {
    border-color: #717477;
}

.el-upload-dragger:hover {
    border-color: #717477;
}

.el-input__inner:hover {
    border-color: #717477;
}

@media screen and (max-width: 750px) {
    .el-message-box {
        width: 60% !important;
    }
}